import React from 'react';
import { ListWrapper } from './styleList';
import Icon from "@/components/icon/Icon";
import { array,func } from "prop-types"

const List = ({
    children,
    onClick,
}) => {
    return (
        <ListWrapper
        border={true}
        borderWidth={'0 0 1px 0'}
        onClick={onClick}
        >
            {children}
            <Icon
                name="arrowRightLine"
            ></Icon>
        </ListWrapper>
    );
}

List.propTypes = {
    children: array,
    onClick:func,
}

export default List;